<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>前端文件上传</title>

    <style>
        @keyframes slideDown {
            from {
               top: 0;
            }
            to {
                top: 10px;

            }
        }

        .new-element {
            transform :translateX(-50%);
            background-color: lightblue;
            animation: slideDown 1s ease-out;
            margin-bottom: 10px;
            padding:10px;
            max-width: 700px;
            font-size: 16px;
            transition:top 3s;
            text-align: center;
            border-radius: 5px;
            color: white;
        }
    </style>
</head>

<body>

    <input type="file" id="file" />
    <button id="fileUploadbtn">点击上传</button>

    <script type="module" src="./main.js">

    </script>

</body>

</html>